<!DOCTYPE html>
<html>
<head>
    {% if title %}
    <title>{{title}} - octopus</title>
    {% else %}
    <title>octopus</title>
    {% endif %}
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="application/javascript" src="{{url_for('static',filename='jquery-1.11.0.min.js')}}"></script>
    <script type="application/javascript" src="{{url_for('static',filename='bootstrap.min.js')}}"></script>
    <link href="{{url_for('static',filename='bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{url_for('static', filename='style.css')}}" rel="stylesheet" />
    {% block head %}
    {% endblock %}
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9">
            <span class="sr-only"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Welcome to octopus</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
          <ul class="nav navbar-nav">
            <li class="active"><a href="/">Home</a></li>
              {% if g.user.is_admin == True %}
            <li><a href="/manage_users">Manage Users</a></li>
            <li><a href="/manage_clusters">Manage Clusters</a></li>
            <li><a href="/manage_hosts">Manage Hosts</a></li>
                        <!--<li class="dropdown">-->
              <!--<a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
                <!--Manage Command-->
                <!--<span class="caret"></span>-->
              <!--</a>-->
              <!--<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">-->
                <!--<li role="presentation"><a role="menuitem" tabindex="-1" href="/manage_command">Command</a></li>-->
                <!--<li role="presentation" class="divider"></li>-->
                <!--<li role="presentation"><a role="menuitem" tabindex="-1" href="/manage_commandtype">CommandType</a></li>-->
              <!--</ul>-->
            <!--</li>-->
              {% endif %}
            <li><a href="/run_command">Run Command</a></li>
            <li><a href="/logout">Logout</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>

{% block body %}
{% endblock %}

</body>
</html>